<template>
  <div class="knowledge-container">
    <el-tabs v-model="activeTab" type="card">
      <el-tab-pane label="文档管理" name="doc">
        <KnowledgeDoc ref="docRef" />
      </el-tab-pane>
      <!-- <el-tab-pane label="问答管理" name="qa">
        <KnowledgeQA ref="qaRef" />
      </el-tab-pane> -->
    </el-tabs>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import KnowledgeDoc from '@/components/KnowledgeDoc.vue'
// import KnowledgeQA from '@/components/KnowledgeQA.vue'

const activeTab = ref('doc')
const docRef = ref(null)
// const qaRef = ref(null)
</script>

<style scoped>
.knowledge-container {
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
</style>